<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    image
    绝对地址
    相对地址

    <a href="https://www.baidu.com">跳到百度
 
    <img src="../../微信图片_20250307143957.jpg"  alt="这是一个图片" style="width:500px; border-radius: 500px;">

    <a href="https://www.sptc.edu.cn"  target="_blank">
    <img title="这张图片已获得学校授权" src="../../校门.png" >
</a>

    <div style="width: 50%; height:500px; border:1px solid red; background-image: url(../../校门.png);">
        这里是川邮
    </div>
    <div>
        <img src="../../川邮校徽2.jpg" alt="">

    </div>
    <div>
        <a id="www.baidu.com" href="www.baidu.com "> 跳到百度 </a>
    </div>
    <div>   
        百度的网页 嵌入我自己的网页
        <iframe src="index.html" frameborder="0" width="500px" height="500px"></iframe>

    </div>
<map> 
    <div>
        <a href="www.baidu.com"> 跳到百度 </a>
    </div>
</map>

</body>
</html>